<!--
 * @Description: 配置项
 * @Author: Boide
 * @Date: 2022-02-18 11:10:44
 * @LastEditors: guiyi@hongyi.tech
 * @LastEditTime: 2022-02-19 10:31:36
-->
<template>
  <el-tabs type="border-card" @tab-click="tabCut">
    <el-tab-pane label="考核设置">
      <Assess v-if="type==='考核设置'" />
    </el-tab-pane>
    <el-tab-pane label="知识考核题库">
      <QuestionBank v-if="type==='知识考核题库'" />
    </el-tab-pane>
    <el-tab-pane label="证书">
      <Certificate v-if="type==='证书'" />
    </el-tab-pane>
    <el-tab-pane label="奖品">
      <Award v-if="type==='奖品'" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import Assess from './subpage/assess.vue'
import QuestionBank from './subpage/questionBank.vue'
import Certificate from './subpage/certificate.vue'
import Award from './subpage/award.vue'

export default {
  name: "collocate",
  components: {
    Assess,
    QuestionBank,
    Award,
    Certificate
  },
  data () {
    return {
      type: '考核设置'
    }
  },
  mounted () {
  },
  methods: {
    tabCut(e) {
      this.type = e.label
    }
  },
}
</script>

<style scoped>
</style>
